<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <div id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section class="page-title">
        <img
          src="/assets/images/page/business/banner-1.jpg"
          alt="郑州城市职业学院"
          class="page-title-bg"
        />
        <div class="container">
          <div class="row">
            <div class="col-auto">
              <h1 class="title">要闻资讯</h1>
              <p class="intro">要闻资讯要闻资讯要闻资讯</p>
            </div>
          </div>
        </div>
      </section>

      <section id="content" class="touchpoint">
        <div class="container">
          <div
            class="alert alert-dismissible alert-primary d-lg-flex align-items-center justify-content-center"
            role="alert"
          >
            <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
              <symbol id="info-fill" viewbox="0 0 16 16">
                <path
                  fill="currentColor"
                  d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
                />
              </symbol>
            </svg>

            <div
              class="text-body d-flex flex-column flex-lg-row align-items-center"
            >
              <svg
                class="bi d-none d-lg-block text-primary me-2"
                width="24px"
                height="24px"
                role="img"
                aria-label="Info:"
              >
                <use xlink:href="#info-fill"></use>
              </svg>
              <div class="text-justify">
                优秀学子专题，展现优秀校友风采，特面向全体校友征集个人故事。您的故事将作为珍贵史料收录进校史，激励后学！
              </div>

              <button
                class="btn btn-primary btn-sm m-2"
                data-bs-toggle="modal"
                data-bs-target="#myModal"
              >
                我要上榜
              </button>
            </div>

            <button
              type="button"
              class="btn-close btn-sm"
              data-bs-dismiss="alert"
              aria-hidden="true"
            ></button>
          </div>
        </div>

        <div class="custom-filter container">
          <div class="filter-grid">
            <div
              class="filtering-group row g-2 mb-2 mb-xl-3"
              data-group-name="xuesheng"
            >
              <div class="col-12 col-lg-auto">
                <div class="py-1 py-xl-2 fw-bold">类型：</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-type="all">
                <div class="p-1 p-xl-2">全部</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="jiuye">
                <div class="p-1 p-xl-2">就业明星</div>
              </div>
              <div
                class="filtering-filter col-auto"
                data-filter-name="shengxue"
              >
                <div class="p-1 p-xl-2">升学榜样</div>
              </div>
            </div>
            <div
              class="filtering-group row g-2 mb-2 mb-xl-3"
              data-group-name="quxiang"
            >
              <div class="col-12 col-lg-auto">
                <div class="py-1 py-xl-2 fw-bold">标签：</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-type="all">
                <div class="p-1 p-xl-2">全部</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="guoqi">
                <div class="p-1 p-xl-2">国企</div>
              </div>
              <div
                class="filtering-filter col-auto"
                data-filter-name="shangshi"
              >
                <div class="p-1 p-xl-2">上市公司</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="shiye">
                <div class="p-1 p-xl-2">事业单位</div>
              </div>
              <div
                class="filtering-filter col-auto"
                data-filter-name="chuangye"
              >
                <div class="p-1 p-xl-2">自主创业</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="gaoxin">
                <div class="p-1 p-xl-2">高薪就业</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="benke">
                <div class="p-1 p-xl-2">专升本</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="shuoshi">
                <div class="p-1 p-xl-2">专升本升硕</div>
              </div>
            </div>
            <!-- <div
              class="filtering-group row g-2 mb-2 mb-xl-3"
              data-group-name="zhuanye"
            >
              <div class="col-12 col-lg-auto">
                <div class="py-1 py-xl-2 fw-bold">专业：</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-type="all">
                <div class="p-1 p-xl-2">全部</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="yingyu">
                <div class="p-1 p-xl-2">应用英语</div>
              </div>
              <div
                class="filtering-filter col-auto"
                data-filter-name="kongcheng"
              >
                <div class="p-1 p-xl-2">空中乘务</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="gaotie">
                <div class="p-1 p-xl-2">高速铁路客运服务</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="yinyue">
                <div class="p-1 p-xl-2">音乐表演</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="xueqian">
                <div class="p-1 p-xl-2">学前教育</div>
              </div>
              <div class="filtering-filter col-auto" data-filter-name="zaoqi">
                <div class="p-1 p-xl-2">早期教育</div>
              </div>
            </div> -->
          </div>

          <div
            class="filter-item row row-cols-2 row-cols-md-3 row-cols-xl-4 row-cols-xxl-4 gx-3 gx-xl-4 gy-3 gy-xl-4"
          >
            <div
              class="filtering-item col"
              data-filter-xuesheng="jiuye"
              data-filter-quxiang="guoqi"
              data-filter-zhuanye="kongcheng"
            >
              <a class="person have-link py-3" href="#">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">就业明星</h4>
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/2-1.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="person-bottom position-relative w-100">
                  <div class="person-info w-100 text-center">
                    <h4 class="fs-5 mb-1 mt-4">王雪燕</h4>
                    <div class="smaller mb-0">20xx届 空中乘务专业</div>
                    <div class="text-warning w-100 px-1">
                      <hr class="w-100 my-2 opacity-50" />
                    </div>
                    <div class="w-100 px-2 px-xl-3 text-center">
                      <p class="fs-4 fw-bold mb-0">国有企业</p>
                    </div>
                    <div class="w-100 text-center px-2 text-truncate mb-3">
                      中国南方航空股份有限公司
                    </div>
                  </div>

                  <div
                    class="bg-overlay position-absolute top-0 start-0 w-100 h-100"
                  >
                    <div
                      class="bg-overlay-content position-absolute top-50 start-50"
                    >
                      <button class="btn btn-light">了解详情 &gt;&gt;</button>
                    </div>
                    <div
                      class="bg-overlay-bg bg-person position-absolute top-0 start-0 w-100 h-100"
                    ></div>
                  </div>
                </div>
              </a>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="shuoshi"
              data-filter-zhuanye="yingyu"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本升硕</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/1-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">冯婧婧</h4>
                <div class="smaller fw-bold mb-1">应用英语专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  南阳师范学院-燕山大学
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本升硕</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="jiuye"
              data-filter-quxiang="shiye"
              data-filter-zhuanye="yinyue"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">就业明星</h4>
                  <!-- <p class="small fw-bold mb-0">事业单位</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/3-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">马丽影</h4>
                <div class="smaller fw-bold mb-1">音乐表演专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  湖北省丹江口市人民艺术剧院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">事业单位</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
              data-filter-zhuanye="kongcheng"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/4-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">赵佳俊</h4>
                <div class="smaller fw-bold mb-1">空中乘务专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  河南财经政法大学
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/11-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">秦世锟</h4>
                <div class="smaller fw-bold mb-1">音乐表演专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  洛阳理工学院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>

            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
              data-filter-zhuanye="yingyu"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/5-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">谢炯</h4>
                <div class="smaller fw-bold mb-1">应用英语专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  南阳师范学院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
              data-filter-zhuanye="xueqian"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/6-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">刘茹媛</h4>
                <div class="smaller fw-bold mb-1">学前教育专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  安阳师范学院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
              data-filter-zhuanye="xueqian"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/7-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">谷越</h4>
                <div class="smaller fw-bold mb-1">学前教育专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  郑州师范学院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="jiuye"
              data-filter-quxiang="guoqi"
              data-filter-zhuanye="gaotie"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">就业明星</h4>
                  <!-- <p class="small fw-bold mb-0">国有企业</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/8-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">周禹成</h4>
                <div class="smaller fw-bold mb-1">高速铁路客运服务专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  中国南方航空有限公司
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">国有企业</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
              data-filter-zhuanye="gaotie"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/9-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">刘昊天</h4>
                <div class="smaller fw-bold mb-1">高速铁路客运服务专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  南阳师范学院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="jiuye"
              data-filter-quxiang="guoqi"
              data-filter-zhuanye="gaotie"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">就业明星</h4>
                  <!-- <p class="small fw-bold mb-0">国有企业</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/10-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">翁恺</h4>
                <div class="smaller fw-bold mb-1">高速铁路客运服务专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  华润置地有限公司
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">国有企业</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
            <div
              class="filtering-item col"
              data-filter-xuesheng="shengxue"
              data-filter-quxiang="benke"
              data-filter-zhuanye="zaoqi"
            >
              <div class="person py-3">
                <div class="person-top p-3">
                  <h4 class="fw-bold mb-0">升学明星</h4>
                  <!-- <p class="small fw-bold mb-0">专升本</p> -->
                </div>
                <div class="person-container">
                  <div class="person-container-inner">
                    <img
                      class="person-img"
                      src="/assets/images/page/student/11-1.jpg"
                      alt=""
                    />
                  </div>
                </div>

                <h4 class="mb-1 mt-4">王林</h4>
                <div class="smaller fw-bold mb-1">早期教育专业</div>
                <div class="w-100 text-center px-2 text-truncate mb-3">
                  郑州工业应用技术学院
                </div>
                <div class="text-warning w-100 px-2 px-xl-3">
                  <hr class="w-100 opacity-50" />
                </div>

                <div
                  class="w-100 px-2 px-xl-3 d-flex flex-column flex-lg-row justify-content-between align-items-center"
                >
                  <p class="fs-5 fw-bold mb-2">专升本</p>
                  <a href="#" class="btn btn-outline-light mb-2">了解详情</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>

    <div class="position-fixed rounded-3 btn-join">
      <a
        href="#"
        class="d-block py-2 position-relative"
        data-bs-toggle="modal"
        data-bs-target="#myModal"
      >
        加入优秀学子榜单
        <span
          class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger"
        >
          +
          <span class="visually-hidden">投稿</span>
        </span>
      </a>
    </div>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-fullscreen" data-bs-backdrop="static">
        <div class="modal-content">
          <div class="modal-header">
            <h1 class="modal-title fs-5" id="noticeLabel">投稿</h1>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <iframe
              id="modal-iframe"
              src="https://www.zcu.edu.cn/aop_views/formquery/modules/result/result.html?id=Form-1758511872206-6631&owner=2049849536"
              frameborder="0"
              backgrond="black"
            ></iframe>
          </div>
        </div>
      </div>
    </div>

    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
  </body>
</html>
